<template>
  <div>
    <button @click="comName = 'UserName'">用户账户</button>
    <button @click="comName = 'Info'">用户信息</button>
    <component :is="comName" />
  </div>
 
</template>

<script>
import UserName from './components/UserName.vue'
import Info from './components/Info.vue'
export default {

  components:{
 UserName,
 Info

  },

  data() {
    return {
      comName:'UserName'
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="scss" scoped>

</style>